<!DOCTYPE html>
<html>
<title>STUDENT PORTAL</title>
<head>
    <link rel="stylesheet" href="css/student.css">  
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
</head>
<body>
    <div class='header'>
        
    </div>
    <div class='container'>
                        <div class='nav'>
                                <ul class='nav_list'>
                                        <li><a href='#'>HOME</a></li>
                                        <li><a href='#'>STUDENT INFO</a></li>
                                        <li><a href='#'>ACADEMICS</a>
                                                <ul>
                                                        <li><a href="#">GRADES</a></li>
                                                        <li><a href="#">LEDGER</a></li>
                                                        <li><a href="#">ACTIVITIES</a></li>
                                                        <li><a href="#">SCHEDULE</a>
                                                        </li>
                                                </ul>
                                        </li>
                                
                                        <li><a href='#'>SETUP</a>
                                                <ul>
                                                        <li><a href="#">EDIT PROFILE</a></li>
                                                </ul>
                                        </li>
                                </ul>
                        </div>
                    <div class='main-container'>
                        <h1>WELCOME Nicolas!</h1>
                        <div class='profile'>
                            <div class='profile-pic'>
                                
                            </div>
                            <div class='profile-info'>
                                <div class='head-title'>
                                    <h1>STUDENT INFORMATION</h1>
                                </div>
                                
                                <table>
                                <tr>
                                <td>
                                <table class='tbody' border=1>
                                    <tr>
                                        <td>Student No.</td>
                                        <td>08-000</td>
                                    </tr>
                                    <tr>
                                        <td>Name:</td>
                                        <td>Nicolas Fransisco C. Abiog</td>
                                    </tr>
                                    <tr>
                                        <td>Section:</td>
                                        <td>Papaya</td>
                                    </tr>
                                    <tr>
                                        <td>Year Level:</td>
                                        <td>Fourth Year</td>
                                    </tr>
                                    <tr>
                                        <td>Adviser:</td>
                                        <td>Mr. Beltran</td>
                                    </tr>
                                </table>
                                </td>
                                <td>
                                <table class='tbody' border='1'>
                                    <tr>
                                        <td>Student No.</td>
                                        <td>08-000</td>
                                    </tr>
                                    <tr>
                                        <td>Name:</td>
                                        <td>Nicolas Fransisco C. Abiog</td>
                                    </tr>
                                    <tr>
                                        <td>Section:</td>
                                        <td>Papaya</td>
                                    </tr>
                                    <tr>
                                        <td>Year Level:</td>
                                        <td>Fourth Year</td>
                                    </tr>
                                    <tr>
                                        <td>Adviser:</td>
                                        <td>Mr. Beltran</td>
                                    </tr>
                                </table>
                                </td>
                                </tr>
                                </table>
                            </div>
                        </div>
                        
                        <hr>
                        <div class='quick-links'>
                            <div class='links'>
                                <div class='first-link'>
                                    <a href='#'><div class='img'><img src='images/Generic.png'/>
                                    <h1>MY GRADES</h1>
                                    </div></a>
                                </div>
                                <div class='first-link'>
                                    <a href='#'><div class='img'><img src='images/Generic Green.png'/>
                                    <h1>BALANCE</h1>
                                    </div></a>
                                </div>
                                <div class='first-link'>
                                    <a href='#'><div class='img'><img src='images/Generic Orange.png'/>
                                    <h1>SUBJECTS</h1>
                                    </div></a>
                                </div>
                                <div class='first-link'>
                                    <a href='#'><div class='img'><img src='images/Generic Red.png'/>
                                    <h1>PROFILE</h1>
                                    </div></a>
                                </div>
                                <div class='first-link'>
                                    <a href='#'><div class='img'><img src='images/Generic Violet.png'/>
                                    <h1>EVENTS</h1>
                                    </div></a>
                                </div>
                                <div class='first-link'>
                                    <a href='#'><div class='img'><img src='images/Generic Yellow.png'/>
                                    <h1>SCHEDULE</h1>
                                    </div></a>
                                </div>
                            </div>
                                 
                        </div>
                    </div>
    </div>
    <!--============================================-->
</body>
</html>